<template>
    <div class="wrapper" ref="wrapper">
        <div class="content">
            <slot></slot>
        </div>
    </div>
</template>

<script>
import BScroll from 'better-scroll'
export default {
    name:'Scroll',
    props:{
            probeType:{
                type:Number,
                default:0  
            },
            pullingup:{
                type:Boolean,
                default:false
            }
        },
    data(){
        return{
            scroll:null,
        }
    },
    mounted() {
        this.scroll=new BScroll(this.$refs.wrapper,{
         
         pullUpLoad:this.pullingup,
         click:true,
         probeType:this.probeType,
         
        })
        this.scroll.on('scroll',(position)=>{
            this.$emit('scroll',position)
        })
        this.scroll.on('pullingUp',()=>{
         this.$emit('pillingUp') 
      })
    },
    methods:{
        ScrollTo(x,y,tiem=300){
            this.scroll.scrollTo(x,y,tiem)
        },
        finishPullUp(){
            this.scroll.finishPullUp();
        },
        refresh(){
            this.scroll.refresh();
        },
        scrollToElement(el,tiem=250){
            this.scroll.scrollToElement(el,tiem)
        }
    }
}

</script>

<style scoped>

</style>